@charset "UTF-8";
.home {
  min-width: 1438px; }
  .home #pagination {
    margin-left: 0 !important;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px; }
    .home #pagination li {
      width: 8px;
      height: 4px;
      background: rgba(255, 255, 255, 0.58);
      border-radius: 2px;
      margin-left: 8px; }
      .home #pagination li a {
        display: none;
        width: 100%;
        height: 100%; }
    .home #pagination li.current {
      width: 24px;
      background: var(--active-color); }
  .home .container {
    width: 1438px;
    margin: 0 auto; }
    .home .container > nav {
      font-size: 24px;
      color: var(--active-color);
      margin-bottom: 11px;
      display: flex;
      align-items: center;
      font-weight: bold; }
      .home .container > nav > span:first-of-type img {
        width: 42px;
        margin-right: 20px; }
    .home .container > div > nav {
      font-size: 24px;
      color: var(--active-color);
      margin-bottom: 11px;
      display: flex;
      align-items: center;
      font-weight: bold; }
      .home .container > div > nav > span:first-of-type img {
        width: 42px;
        margin-right: 20px; }
  .home .news {
    width: 100%;
    position: relative; }
    .home .news .container h1 {
      padding: 15px 0;
      text-align: center;
      font-size: 32px;
      color: #000000; }
    .home .news .container h5 {
      text-align: center;
      font-size: 16px;
      color: #949494;
      font-weight: normal; }
    .home .news .container .public {
      padding: 30px 0;
      display: flex;
      justify-content: space-between;
      margin: auto;
      width: 1438px; }
      .home .news .container .public .swiper {
        width: 835px;
        height: 468px;
        margin-right: 67px;
        position: relative; }
        .home .news .container .public .swiper ul {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .home .news .container .public .swiper ul li {
            width: 100%;
            height: 100%;
            position: relative; }
            .home .news .container .public .swiper ul li .nagavition {
              width: 100%;
              position: absolute;
              bottom: 0;
              height: 40px;
              left: 0;
              padding-left: 15px;
              background: rgba(52, 52, 52, 0.5); }
              .home .news .container .public .swiper ul li .nagavition p {
                height: 100%;
                line-height: 40px;
                width: 448px;
                font-size: 16px;
                color: #FFFFFF;
                letter-spacing: 1px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis; }
        .home .news .container .public .swiper img {
          width: 100%;
          height: 100%; }
      .home .news .container .public .newsDetail {
        flex: 1; }
        .home .news .container .public .newsDetail .newsDetailNav {
          width: 100%;
          height: 50px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #F6F8FB;
          font-size: 18px;
          color: #A1B0C8;
          margin-bottom: 24px; }
          .home .news .container .public .newsDetail .newsDetailNav ul {
            height: 50px;
            display: flex;
            align-items: center; }
            .home .news .container .public .newsDetail .newsDetailNav ul li {
              font-size: 24px;
              padding: 0 29px;
              border-right: 1px solid #A1B0C8;
              cursor: pointer; }
              .home .news .container .public .newsDetail .newsDetailNav ul li a {
                color: #A1B0C8; }
              .home .news .container .public .newsDetail .newsDetailNav ul li a.activing {
                color: var(--active-color);
                font-weight: bold; }
              .home .news .container .public .newsDetail .newsDetailNav ul li a:hover {
                color: var(--active-color); }
            .home .news .container .public .newsDetail .newsDetailNav ul li:last-of-type {
              border: 0; }
          .home .news .container .public .newsDetail .newsDetailNav .more {
            display: flex;
            align-items: center;
            padding-right: 10px;
            cursor: pointer; }
            .home .news .container .public .newsDetail .newsDetailNav .more a {
              font-size: 16px;
              color: #A1B0C8; }
            .home .news .container .public .newsDetail .newsDetailNav .more a:hover {
              color: var(--active-color); }
        .home .news .container .public .newsDetail .list .listnav > li {
          font-size: 20px;
          color: #949494;
          margin-bottom: 14px;
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2; }
          .home .news .container .public .newsDetail .list .listnav > li a {
            font-size: 20px;
            color: #333333;
            margin-right: 8px; }
          .home .news .container .public .newsDetail .list .listnav > li a:hover {
            color: var(--active-color); }
        .home .news .container .public .newsDetail .list .listnav > li:last-of-type {
          margin-bottom: 0; }
  .home .newsCirles .swiper-wrapper {
    /* 这里是改变其动画效果为匀速形式，不加此样式的话会造成滚动卡顿，看起来效果不平滑 */
    /* 样式做了各种浏览器的兼容 */
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important; }
  .home .newsCirles .container {
    width: 1438px;
    margin: 0 auto;
    display: flex;
    padding-top: 15px; }
    .home .newsCirles .container img {
      height: 100px;
      width: 300px;
      margin-left: 25px; }
    .home .newsCirles .container .swiperContainer {
      flex: 1;
      display: flex;
      align-items: center;
      width: 1117px;
      padding: 0 10px; }
      .home .newsCirles .container .swiperContainer .swiper-slide {
        display: flex;
        align-items: center;
        width: auto; }
      .home .newsCirles .container .swiperContainer a {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: 'MicrosoftYaHei';
        font-size: 30px;
        color: #333333;
        letter-spacing: 0; }
  .home .statistics {
    background-color: #e5eefb;
    padding: 20px 0;
    min-width: 1438px;
    display: flex; }
    .home .statistics .container > ul {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .home .statistics .container > ul > li {
        width: 345px;
        height: 118px;
        background-size: 100% 100%; }
        .home .statistics .container > ul > li > a {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .home .statistics .container > ul > li > a > span {
            font-size: 22px;
            color: #FFFFFF;
            width: 185px;
            margin-left: 91px; }
    .home .statistics .container > div > ul {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .home .statistics .container > div > ul > li {
        width: 345px;
        height: 118px;
        background-size: 100% 100%; }
        .home .statistics .container > div > ul > li > a {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .home .statistics .container > div > ul > li > a > span {
            font-size: 22px;
            color: #FFFFFF;
            width: 185px;
            margin-left: 91px; }
  .home .characteristic .nbsb {
    position: relative;
    width: 1398px;
    margin: 0 auto; }
  .home .characteristic .container {
    padding: 40px 0 85px 0;
    overflow: hidden;
    display: block; }
    .home .characteristic .container .characteristic_list {
      position: relative;
      width: 100%; }
      .home .characteristic .container .characteristic_list .characteristic_list_con {
        width: 100%;
        position: relative;
        height: 164px; }
        .home .characteristic .container .characteristic_list .characteristic_list_con ul {
          font-size: 0;
          width: auto;
          white-space: nowrap;
          position: absolute;
          left: 0;
          top: 0;
          transition: left 0.5s; }
          .home .characteristic .container .characteristic_list .characteristic_list_con ul li {
            display: inline-block;
            width: 265px;
            margin-right: calc(73px / 4);
            position: relative;
            height: 164px; }
            .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li {
              width: 100%;
              height: 164px;
              border: 1px solid #BFCCDB;
              border-top: 4px solid var(--active-color);
              cursor: pointer;
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              transition: height 0.3s;
              overflow: hidden; }
              .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li .img {
                display: none;
                height: 0;
                margin-bottom: 0; }
              .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li h2 {
                font-size: 20px;
                color: #000000;
                padding: 0 18px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis; }
              .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li p {
                height: 48px;
                font-size: 16px;
                color: #999999;
                margin-top: 13px;
                margin-bottom: 14px;
                padding: 0 18px;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2; }
              .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li .action {
                font-size: 16px;
                color: var(--active-color);
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 18px;
                height: 40px;
                background: #EBF3FC; }
                .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li .action a {
                  font-size: 16px;
                  color: var(--active-color); }
            .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_list_div {
              background: url("../images/031.png");
              background-size: 100% 100%; }
            .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li.active {
              box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
              height: 307px;
              border-top: none;
              background-color: #ffffff; }
              .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li.active p {
                -webkit-line-clamp: 1;
                height: 24px;
                margin-top: 5px; }
              .home .characteristic .container .characteristic_list .characteristic_list_con ul li .characteristic_li.active .img {
                height: 180px;
                display: block; }
  .home .characteristic .left, .home .characteristic .right {
    display: inline-block;
    width: 11px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer; }
  .home .characteristic .left {
    left: -14px; }
  .home .characteristic .right {
    right: -14px; }
  .home .message {
    padding: 15px 0 0 0; }
    .home .message .container {
      display: flex;
      justify-content: space-between; }
      .home .message .container .wz {
        width: 715px; }
        .home .message .container .wz .newsDetailNav {
          width: 100%;
          height: 50px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #F6F8FB;
          font-size: 24px;
          color: #A1B0C8;
          margin-bottom: 15px; }
          .home .message .container .wz .newsDetailNav ul {
            height: 50px;
            display: flex;
            align-items: center; }
            .home .message .container .wz .newsDetailNav ul li {
              padding: 0 29px;
              border-right: 1px solid #A1B0C8; }
              .home .message .container .wz .newsDetailNav ul li a {
                color: #A1B0C8;
                cursor: pointer; }
              .home .message .container .wz .newsDetailNav ul li a.activing {
                color: var(--active-color);
                font-weight: bold; }
              .home .message .container .wz .newsDetailNav ul li a:hover {
                color: var(--active-color); }
            .home .message .container .wz .newsDetailNav ul li:last-of-type {
              border: 0; }
          .home .message .container .wz .newsDetailNav .more {
            display: flex;
            align-items: center;
            padding-right: 10px;
            cursor: pointer; }
            .home .message .container .wz .newsDetailNav .more a {
              font-size: 16px;
              color: #A1B0C8; }
            .home .message .container .wz .newsDetailNav .more a:hover {
              color: var(--active-color); }
        .home .message .container .wz .art {
          display: flex;
          justify-content: space-between; }
          .home .message .container .wz .art .art_lf {
            width: 291px;
            height: 195px;
            position: relative; }
            .home .message .container .wz .art .art_lf img {
              height: 100%; }
            .home .message .container .wz .art .art_lf .art_lf_title {
              position: absolute;
              bottom: 0;
              left: 0;
              height: 32px;
              background: rgba(52, 52, 52, 0.5);
              width: 100%;
              line-height: 32px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              font-size: 16px;
              color: #FFFFFF;
              letter-spacing: 1px;
              padding: 0 12px; }
          .home .message .container .wz .art .art_ri {
            flex: 1;
            padding-left: 24px;
            padding-right: 10px; }
            .home .message .container .wz .art .art_ri h2 {
              margin-bottom: 10px;
              display: flex;
              align-items: center; }
              .home .message .container .wz .art .art_ri h2 a {
                font-size: 20px;
                color: #000000;
                display: inline-block;
                max-width: 335px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin-right: 5px; }
              .home .message .container .wz .art .art_ri h2 a:hover {
                color: var(--active-color); }
              .home .message .container .wz .art .art_ri h2 .new {
                display: inline-block;
                width: 38px;
                height: 17px; }
            .home .message .container .wz .art .art_ri p {
              height: 125px;
              font-size: 16px;
              color: #949494;
              text-align: justify;
              line-height: 30px;
              display: -webkit-box;
              overflow: hidden;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 4; }
            .home .message .container .wz .art .art_ri .date {
              margin-top: 10px;
              font-size: 14px;
              color: #999999; }
        .home .message .container .wz .news_art {
          margin-top: 20px; }
          .home .message .container .wz .news_art li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 26px; }
            .home .message .container .wz .news_art li p {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .home .message .container .wz .news_art li p .title {
                display: inline-block;
                max-width: 521px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis; }
                .home .message .container .wz .news_art li p .title a {
                  font-size: 20px;
                  color: #333333; }
                .home .message .container .wz .news_art li p .title a:hover {
                  color: var(--active-color); }
              .home .message .container .wz .news_art li p .new {
                display: inline-block;
                width: 38px;
                height: 17px; }
            .home .message .container .wz .news_art li .date {
              font-size: 20px;
              color: #999999;
              padding-right: 20px; }
          .home .message .container .wz .news_art li:last-of-type {
            margin-bottom: 0px; }
  .home .special123 {
    background: #F6F8FB;
    padding-top: 30px;
    min-width: 1438px; }
    .home .special123 .container {
      overflow: hidden; }
      .home .special123 .container > ul {
        display: flex; }
        .home .special123 .container > ul li {
          width: 272px;
          height: 190px;
          margin-bottom: 31px;
          margin-right: 20px; }
          .home .special123 .container > ul li a {
            display: inline-block;
            width: 100%;
            height: 100%;
            position: relative; }
            .home .special123 .container > ul li a > img {
              height: 190px; }
            .home .special123 .container > ul li a .action {
              height: 31px;
              line-height: 31px;
              font-size: 16px;
              color: #FFFFFF;
              letter-spacing: 0.89px;
              padding: 0 8px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              background: rgba(52, 52, 52, 0.5);
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%; }
        .home .special123 .container > ul li:nth-of-type(5n) {
          margin-right: 0; }
  .home .special {
    padding-top: 19px;
    padding-bottom: 30px;
    background: #F6F8FB; }
    .home .special .container {
      display: block; }
      .home .special .container .special_list_con {
        width: 100%;
        height: 181px;
        position: relative; }
        .home .special .container .special_list_con .special_list_con_list {
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 181px; }
          .home .special .container .special_list_con .special_list_con_list > ul {
            font-size: 0;
            width: auto;
            white-space: nowrap;
            position: absolute;
            left: 0;
            top: 0;
            transition: left 0.5s; }
            .home .special .container .special_list_con .special_list_con_list > ul > li {
              width: 259px;
              height: 181px;
              cursor: pointer;
              display: inline-block;
              margin-right: 20px;
              overflow: hidden; }
              .home .special .container .special_list_con .special_list_con_list > ul > li a {
                display: inline-block;
                width: 100%;
                height: 100%;
                position: relative; }
                .home .special .container .special_list_con .special_list_con_list > ul > li a > img {
                  height: 190px; }
                .home .special .container .special_list_con .special_list_con_list > ul > li a .action {
                  height: 31px;
                  line-height: 31px;
                  font-size: 16px;
                  color: #FFFFFF;
                  letter-spacing: 0.89px;
                  padding: 0 8px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  background: rgba(52, 52, 52, 0.5);
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  width: 100%; }
              .home .special .container .special_list_con .special_list_con_list > ul > li .switch {
                width: 99px;
                height: 99px;
                margin-bottom: 17px;
                background-position: right bottom;
                background-size: cover; }
              .home .special .container .special_list_con .special_list_con_list > ul > li span {
                text-align: center;
                width: 170px; }
              .home .special .container .special_list_con .special_list_con_list > ul > li p {
                width: 256px;
                margin: 10px auto 0;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                text-align: center;
                height: 48px;
                font-size: 15px;
                color: #B2BBCE; }
              .home .special .container .special_list_con .special_list_con_list > ul > li .def {
                display: block; }
              .home .special .container .special_list_con .special_list_con_list > ul > li .defAct {
                display: none; }
            .home .special .container .special_list_con .special_list_con_list > ul li:last-of-type {
              margin-right: 0; }
        .home .special .container .special_list_con .left, .home .special .container .special_list_con .right {
          display: inline-block;
          width: 28px;
          height: 29px;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          cursor: pointer; }
        .home .special .container .special_list_con .left {
          left: -28px; }
        .home .special .container .special_list_con .right {
          right: -28px; }
  .home .hot {
    padding-top: 19px;
    padding-bottom: 30px; }
    .home .hot .container {
      display: block; }
      .home .hot .container .hot_list_con {
        width: 100%;
        height: 181px;
        position: relative; }
        .home .hot .container .hot_list_con .hot_list_con_list {
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 181px; }
          .home .hot .container .hot_list_con .hot_list_con_list > ul {
            font-size: 0;
            width: max-content;
            position: absolute;
            left: 0;
            top: 0;
            transition: left 0.5s; }
            .home .hot .container .hot_list_con .hot_list_con_list > ul > li {
              width: 233px;
              height: 181px;
              cursor: pointer;
              display: inline-block;
              margin-right: 53px;
              overflow: hidden; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li a {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                color: #333333;
                font-size: 18px; }
                .home .hot .container .hot_list_con .hot_list_con_list > ul > li a .hot_title {
                  text-align: center;
                  height: 54px;
                  display: -webkit-box;
                  overflow: hidden;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li .switch {
                width: 99px;
                height: 99px;
                margin-bottom: 17px;
                background-position: right bottom;
                background-size: cover; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li span {
                text-align: center;
                width: 170px; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li p {
                width: 256px;
                margin: 10px auto 0;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                text-align: center;
                height: 48px;
                font-size: 15px;
                color: #B2BBCE; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li .def {
                display: block; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li .defAct {
                display: none; }
            .home .hot .container .hot_list_con .hot_list_con_list > ul > li:hover {
              background: var(--active-color);
              border: 0; }
              .home .hot .container .hot_list_con .hot_list_con_list > ul > li:hover a {
                color: #FFFFFF; }
                .home .hot .container .hot_list_con .hot_list_con_list > ul > li:hover a .def {
                  display: none; }
                .home .hot .container .hot_list_con .hot_list_con_list > ul > li:hover a .defAct {
                  display: block; }
                .home .hot .container .hot_list_con .hot_list_con_list > ul > li:hover a p {
                  color: #FFFFFF; }
                .home .hot .container .hot_list_con .hot_list_con_list > ul > li:hover a .switch {
                  background-position: left bottom; }
            .home .hot .container .hot_list_con .hot_list_con_list > ul li:last-of-type {
              margin-right: 0; }
        .home .hot .container .hot_list_con .left, .home .hot .container .hot_list_con .right {
          display: inline-block;
          width: 28px;
          height: 29px;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          cursor: pointer; }
        .home .hot .container .hot_list_con .left {
          left: -28px; }
        .home .hot .container .hot_list_con .right {
          right: -28px; }
  .home .link .link_nav {
    width: 100%;
    height: 50px;
    background: var(--active-color); }
    .home .link .link_nav ul {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      height: 100%; }
    .home .link .link_nav li {
      flex: 1;
      text-align: center;
      border-right: 1px solid #FFFFFF; }
      .home .link .link_nav li a {
        font-size: 16px;
        color: #FFFFFF; }
      .home .link .link_nav li a:hover {
        color: var(--active-color); }
    .home .link .link_nav li:last-of-type {
      border-right: 0; }
  .home .link .link_nav_a {
    width: 100%;
    min-width: 1438px;
    height: 50px;
    background: var(--active-color); }
    .home .link .link_nav_a ul {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      height: 100%; }
    .home .link .link_nav_a li {
      flex: 1;
      text-align: center;
      border-right: 1px solid #FFFFFF; }
      .home .link .link_nav_a li a {
        font-size: 18px;
        color: #FFFFFF; }
    .home .link .link_nav_a li:last-of-type {
      border-right: 0; }

.toFixed {
  width: 90px;
  position: absolute;
  right: 20px;
  top: 24px;
  z-index: 10;
  border: 1px solid var(--active-color);
  border-radius: 4px;
  padding-top: 15px;
  background: url("../images/sdf.png") no-repeat #ffffff;
  background-size: 100% 100%; }
  .toFixed h6 {
    background: var(--active-color);
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 17px;
    height: 30px;
    line-height: 30px; }
  .toFixed ul li {
    margin-bottom: 17px;
    cursor: pointer; }
    .toFixed ul li img {
      width: 42px;
      height: 42px;
      margin: 0 auto;
      margin-bottom: 23px; }
    .toFixed ul li p {
      font-size: 14px;
      color: #000000;
      text-align: center; }
  .toFixed .totop {
    height: 30px;
    width: 100%;
    border-top: 1px solid var(--active-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .toFixed .totop img {
      width: 15px; }
  .toFixed .close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: -18px;
    color: #FFFFFF;
    border-radius: 50%;
    cursor: pointer; }

footer {
  min-width: 1438px !important; }

/*# sourceMappingURL=index.css.map */